<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
	<meta http-equiv="imagetoolbar" content="no" />
	<title>main page</title>
	<link rel="stylesheet" href="../CSS/style.css" />
	<link rel="stylesheet" type="text/css" href="../CSS/accordion.css" />
	 <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js"></script>
	<script type="text/javascript" language ="javascript" src="../JS/mainbar.js"></script>
</head>
<body>
	
	<div id="content">
	
		
		<div id="menu2" class="menu">
			<ul>
				<li><a href="main.jsp">Home</a></li>
				<li><a href="./main.jsp?page=myPage">MyInfo</a></li>
				<li><a href="myMovieStory.zzang">Review</a></li>
				<li><a href="movieSearch.zzang">Movie</a></li>
				<li><a href="./main.jsp?page=theaterSearch">Theater</a></li>
				<li><a href="javascript:;">Event</a></li>
			</ul>
		</div>
	</div>

<div class="accordionWrapper" id="accordion1">
<div class="set set1">
    <div class="title"><img src="../images/menu1-h.jpg" class = "mbar_title" /></div>
    <div class="content"><img src="../images/movie5.jpg" class = "mbar_img" /></div>

</div>
<div class="set set2">
    <div class="title"><img src="../images/menu2-h.jpg" class = "mbar_title" /></div>
    <div class="content"><img src="../images/movie1.jpg" class = "mbar_img"/></div>
</div>
<div class="set set3">
    <div class="title"><img src="../images/menu3-h.jpg" class = "mbar_title" /></div>
    <div class="content"><img src="../images/movie2.jpg" class = "mbar_img" />
    </div>
</div>
<div class="set set4">
    <div class="title"><img src="../images/menu4-h.jpg" class = "mbar_title"/></div>

    <div class="content"><img src="../images/movie7.jpg" class = "mbar_img" /><br />
</div>
</div>
<div class="set set5">
    <div class="title"><img src="../images/menu5-h.jpg" class = "mbar_title"/></div>
    <div class="content"><img src="../images/movie6.jpg" class = "mbar_img" /></div>
</div>
<div class="set set6">
    <div class="title"><img src="../images/menu6-h.jpg" class = "mbar_title"/></div>
    <div class="content"><img src="../images/movie3.jpg" class = "mbar_img"/></div>
</div>
<div class="set set7">

    <div class="title"><img src="../images/menu7-h.jpg" class = "mbar_title" /></div>
    <div class="content"><img src="../images/movie4.jpg" class = "mbar_img" /></div>
</div>
</div>



</body>
</html>